﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Error404</title>
		
		<link href="css/404.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<div class="mianBox">
			<img src="images/404_yun0.png" alt="" class="yun yun0" />
			<img src="images/404_yun1.png" alt="" class="yun yun1" />
			<img src="images/404_yun2.png" alt="" class="yun yun2" />
			<img src="images/404_bird.png" alt="" class="bird" />
			<img src="images/404_san.png" alt="" class="san" />
			<div class="tipInfo">
				<div class="in">
					<div class="textThis">
						<h2>服务器异常</h2>
						<p><span>页面自动将<a id="href" style="cursor: pointer;" onclick="javascript:history.back(-1);">跳转</a></span><span>等待<b id="wait">5</b>秒</span></p>
						<script type="text/javascript">
							(function() {
								var wait = document.getElementById('wait'),
									href = document.getElementById('href').href;
								var interval = setInterval(function() {
									var time = --wait.innerHTML;
									if(time <= 0) {
										location.href = "index.html";
										clearInterval(interval);
									};
								}, 1000);
							})();
						</script>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript">
		$(function() {
			var h = $(window).height();
			$('body').height(h);
			$('.mianBox').height(h);
			centerWindow(".tipInfo");
		});

		//2.将盒子方法放入这个方，方便法统一调用
		function centerWindow(a) {
			center(a);
			//自适应窗口
			$(window).bind('scroll resize',
				function() {
					center(a);
				});
		}

		//1.居中方法，传入需要剧中的标签
		function center(a) {
			var wWidth = $(window).width();
			var wHeight = $(window).height();
			var boxWidth = $(a).width();
			var boxHeight = $(a).height();
			var scrollTop = $(window).scrollTop();
			var scrollLeft = $(window).scrollLeft();
			var top = scrollTop + (wHeight - boxHeight) / 2;
			var left = scrollLeft + (wWidth - boxWidth) / 2;
			$(a).css({
				"top": top,
				"left": left
			});
		}
	</script>

</html>